// (function(){
//     var jsonData = null;
//     var num = -1;
//     //获取json文件数据，存储在jsonData中
//     function getJson(file){//file为txt文件的文件名
//         var xhr = new XMLHttpRequest();
//         xhr.open('get',file,false);
//         xhr.onreadystatechange = function(){
//             jsonData = JSON.parse(xhr.responseText);
//         }

//         xhr.send(null);
//         console.log(jsonData);

//     }

   
//     //设置图片src
//     function setImage(){
//         var images = document.getElementsByTagName('img');
//         var bks = document.getElementsByClassName('bk');
//         var timer = null;
//         for(var i = 0;i < images.length ; i++){
//             images[i].src = jsonData[i].src;
            
//         }

//         timer = window.setTimeout(function(){
//             for(var i = 0;i < images.length ; i++){
//                 images[i].style.display = 'block';
//                 bks[i].style.background = 'url()';
                
//             }
//             images[0].style.zIndex = 1;
//             images[0].style.opacity = 100;
//             images[0].style.filter = 'opacity(100)';
//             window.clearTimeout(timer);
//         },200);
//     }

//     function moveOneImg(){
//         num++;
//         var images = document.getElementsByTagName('img');
        
//         images[num].style.zIndex = '0';
//         images[num].style.opacity = '0';
//         if(num >= jsonData.length-1){
//             num = -1;
//         }else{
            
//         }
        
        
            
            
//         var timer = window.setInterval(function(){
//             var curZindex= window.getComputedStyle(images[num + 1],null).zIndex;
//             var curop= window.getComputedStyle(images[num + 1],null).opacity;
//             console.log( curZindex,curop);
//             var newIndex = 1;
//             var newOpacity = parseFloat(window.getComputedStyle(images[num + 1],null).opacity) + 0.1;
//             console.log(newIndex,newOpacity);
//             images[num+1].style.zIndex = String(newIndex);
//             images[num+1].style.opacity = String(newOpacity);
//             if(window.getComputedStyle(images[num + 1],null).opacity == '1'){
//                 window.clearInterval(timer);
//             }
//         },200);
//     }

//     getJson('./json/banner.txt');
//     setImage();
    
//     var timer = window.setInterval(function(){
//         moveOneImg();

//     },2000);

// })();



var banner1 = new bannerMaker(document.getElementById('banner1'),'./json/banner.txt');
var banner2 = new bannerMaker(document.getElementById('banner2'),'./json/banner.txt');
